<!DOCTYPE html>
<html lang="zh_cn" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <script src="https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>

    <link type="text/css" rel="stylesheet"
          href="/bundles/blog-common.css?v=fgzxo2_Ho7mioboYbShX1791ipTrBogX0dCgJ2satJ41"/>
    <link id="MainCss" type="text/css" rel="stylesheet"
          href="/skins/summerGarden/bundle-summerGarden.css?v=R6EW1cwbYc7SqZ5y0CMKPNjYaFnIdEGDIwRo4NL-lHw1"/>
    <link type="text/css" rel="stylesheet"
          href="/css/bootstrap.css;jsessionid=8C22059D4686C4D7AFD0A6CE86FCA20B.tomcat1"/>
    <link type="text/css" rel="stylesheet"
          href="/css/register.css;jsessionid=8C22059D4686C4D7AFD0A6CE86FCA20B.tomcat1"/>
    <link type="text/css" rel="stylesheet" href="https://csdnimg.cn/public/common/toolbar/css/index.css"/>
    <link type="text/css" rel="stylesheet"
          href="/css/mobileregister.css;jsessionid=8C22059D4686C4D7AFD0A6CE86FCA20B.tomcat1"/>
    <script type="application/javascript">
        window.onload = function () {

            var msg = '浏览器支持本地存储';
            var json = {
                name: '白宝林',
                daughter: '白多多',
                age: '29',
                job: 'police'
            };
            if (window.localStorage) {
                localStorage.setItem('json', JSON.stringify(json));
            }
            if (window.sessionStorage) {
            }
        };

        function getDate(string) {
            var data = JSON.parse(localStorage.getItem('json'));
            var msg = string;
            if (msg == 'name') {
                document.getElementById(msg).value = data.name;
            }
            if (msg == 'job') {
                document.getElementById(msg).value = data.job;
            }
            if (msg == 'daughter') {
                document.getElementById(msg).value = data.daughter;
            }
            if (msg == 'age') {
                document.getElementById(msg).value = data.age;
            }

        }
    </script>
</head>
<body>


<header onshow="start()">
    <div class="main">
        HTML5 移动开发指南
    </div>
    姓名:<input type="text" id="name" value="请输入你的姓名" onclick="getDate('name')"/>
    女儿:<input type="text" id="daughter" value="请输入女儿的姓名" onclick="getDate('daughter')"/>
    工作:<input type="text" id="job" value="请输入您的工作" onclick="getDate('job')"/>
    年龄:<input type="text" id="age" value="请输入您的年龄" onclick="getDate('age')"/>
    <input type="password" value="请输入你的密码"/>
    <input type="color"/>
</header>
<div class="footer"></div>


</body>
</html>